<!DOCTYPE html>
<html lang="en">

<!-- Meta -->

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- SITE TITLE -->
<title>Wetalk</title>
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="static/assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->	
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap&subset=latin-ext" rel="stylesheet"> 			
<!-- fonts CSS -->
<link rel="stylesheet" href="static/assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="static/assets/fonts/themify-icons.css">
<!--- owl carousel Css-->
<link rel="stylesheet" href="static/assets/owlcarousel/css/owl.carousel.css">
<link rel="stylesheet" href="static/assets/owlcarousel/css/owl.theme.css">
<!-- animate CSS -->		
<link rel="stylesheet" href="static/assets/css/animate.css">
<!--slicknav Css-->
<link rel="stylesheet" href="static/assets/css/slicknav.css">
<!-- MAGNIFIC CSS -->
<link rel="stylesheet" href="static/assets/css/magnific-popup.css">
<!-- SLICK CSS -->
<link rel="stylesheet" href="static/assets/css/slick.css">
<link rel="stylesheet" href="static/assets/css/slick-theme.css">
<!-- Style CSS -->								
<link rel="stylesheet" href="static/assets/css/style.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body data-spy="scroll" data-offset="80">

<!-- START PRELOADER -->
<div class="preloader">
	<div class="status">
		<div class="status-mes"></div>
	</div>
</div>
<!-- END PRELOADER -->		


<!-- START NAVBAR -->  
<div id="navigation" class="fixed-top navbar-light bg-faded site-navigation">
	<div class="container">
		<div class="row">
			<div class="col-lg-2 col-md-3 col-sm-4">
				<div class="site-logo">
					<a href="index.html"><img src="static/assets/img/logo.png" alt=""></a>
				</div>
			</div><!--- END Col -->
			
			<div class="col-lg-10 col-md-9 col-sm-8">
				<div class="header_right">
					<nav id="main-menu" class="ml-auto">
						<ul>
						  <li><a href="#home">首页</a></li>
						  <li><a href="#features">相关技术</a></li>
						  <li><a href="#screenshots">使用截图</a></li>
						  <li><a href="reg">注册</a></li>
						 <li><a href="#blog">功能介绍</a></li>
						 <li><a href="#download">下载</a></li>								  
						  <li><a href="#contact">联系我</a></li>
						</ul>
					</nav>
					<div id="mobile_menu"></div>
				</div>
			</div><!--- END Col -->
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</div> 	  
<!-- END NAVBAR -->
									
<!-- START HOME -->
<section id="home" class="home_bg" style="background-image: url(static/assets/img/bg/home-bg.png);  background-size:cover; background-position: center center;">
	<div class="container">
		<div class="row">
		  <div class="col-lg-7 col-sm-7 col-xs-12">
			<div class="hero-text">
				 <h1>一款基于python开发的TCP聊天工具</h1>
				 <p>通过Wetalk聊天工具，你可以实现基本的聊天功能，传输文件，生成词云图</p>
				<div class="home_btn">
					<a  class="learn_btn" href="https://gitee.com/sapple66/python_webchat">现在下载</a>
					<a  class="learn_btn"  href="reg">注册</a>
				</div>
			</div> 
		  </div><!--- END COL -->	
		  <div class="col-lg-5 col-sm-5 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.6s" data-wow-offset="0">	
			<div class="hero-text-img">
				<img src="static/assets/img/interface_1.png" class="img-fluid" style="transform:scale(1.3)" alt="" />
				<!-- <img src="static/assets/img/interface_1.png" style="transform:scale(0.5)" alt="" /> -->
			</div>	
		  </div><!--- END COL -->				  
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</section>
<!-- END  HOME -->			

<!-- START COMPANY PARTNER LOGO  -->
<section class="partner-logo section-padding">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 text-center">
				<div class="partner">
					<a href="#"><img src="static/assets/img/partner/1.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/2.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/3.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/4.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/5.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/6.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/1.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/2.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/3.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/4.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/5.png" alt="image"></a>
					<a href="#"><img src="static/assets/img/partner/6.png" alt="image"></a>
				</div>
			</div><!-- END COL  -->
		</div><!--END  ROW  -->
	</div><!-- END CONTAINER  -->
</section>
<!-- END COMPANY PARTNER LOGO -->

<!-- START ABOUT US ONE -->
<section id="features" class="about-us section-padding" style="background-image: url(static/assets/img/bg/bg-elements_4.png);">
	<div class="container">
		<div class="row text-center">				
			<div class="col-md-12">
				<h1 class="about-title">使用python搭建一个聊天平台，前端展示聊天界面，后端则处理登陆、聊天的请求，使用mysql数据库。存储登陆信息及聊天内容，基于c/s模型，建立客户端和服务端两个平台。便于程序员后期维护。</h1>
			</div>
			<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
				<div class="about_feature">
					<div class="icon icon_bg"><i class="ti-tag"></i></div>
					<h4>tkinter</h4>
					<p>kinter(也叫 Tk 接口)是 Tk 图形用户界面工具包标准 的 Python 接口。Tk 是一个轻量级的跨平台图形用户界面 (GUI)开发工具。 Tk 和 Tkinter 可以运行在大多数 的 Unix 平台、Windows、和 Macintosh 系统。</p>
				</div>
			</div><!-- END COL -->
			<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
				<div class="about_feature about_feature2">
					<div class="icon icon_bg2"><i class="ti-cup"></i></div>
					<h4>python</h4>
					<p>Python由荷兰数学和计算机科学研究学会的Guido van Rossum 于1990 年代初设计，作为一门叫做ABC语言的替代品。 [1]  Python提供了高效的高级数据结构，还能简单有效地面向对象编程。</p>
				</div>
			</div><!-- END COL -->
			<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" data-wow-offset="0">
				<div class="about_feature about_feature3">
					<div class="icon icon_bg3"><i class="ti-heart"></i></div>
					<h4>tcp</h4>
					<p>套接字是通信的基石，是支持TCP/IP协议的路通信的基本操作单元。可以将套接字看作不同主机间的进程进行双间通信的端点，它构成了单个主机内及整个网络间的编程界面。</p>
				</div>
			</div><!-- END COL -->
			<div class="col-lg-3 col-sm-6 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
				<div class="about_feature about_feature4">
					<div class="icon icon_bg4"><i class="ti-support"></i></div>
					<h4>mysql</h4>
					<p> Mysql 数据库作为一个小型关系型数据库管理系统，具有成本低，体量小，兼容性好，速度快，以及全平台开源，所以许多中小型企业都采用它。Mysql 数据库作为小型数据库可以支持大型数据库，同时Mysql也具有较高的安全性。</p>
				</div>
			</div><!-- END COL -->		  
		</div><!--- END ROW -->	
	</div><!--- END CONTAINER -->
</section>
<!-- END ABOUT US ONE -->	

<!-- START FEATURED ONE -->
<section class="feature-one">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
				<div class="single_feature_one">
					<h3>聊天<br> <strong>有他就够了</strong></h3>
					<p>基于TCP开发的聊天工具，分为客户端和服务器，可快速将服务器部署在公网或者是局域网中，极大增加的聊天的便利，还能根据聊天记录生成词云</p>
					<!-- <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> -->
					<a class="single_feature_btn_light" href="#download">点击下载</a>
				</div>
			</div><!-- END COL-->
			<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.2s" data-wow-offset="0">
				<div class="single_feature_img">
					<img class="img-fluid" src="static/assets/img/overview.png" alt="">
				</div>
			</div><!-- END COL-->					
		</div><!-- END ROW-->
	</div><!-- END CONTAINER-->
</section>
<!-- END FEATURED ONE -->
<!-- START FEATURED TWO -->
<section class="feature-two">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
				<div class="single_feature_two_img">
					<img class="img-fluid" src="static/assets/img/app-mockup-2.png" alt="">
				</div>
			</div><!-- END COL-->					
			<div class="col-lg-6 col-sm-12 col-xs-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
				<div class="single_feature_two">
					<h3>智能机器人<br> <strong>让聊天不在孤独</strong></h3>
					<p>还觉得聊天孤独吗，添加图灵机器人为好友（id:tulingrobot），试试另一种智能聊天方式吧</p>
					<p>一句在吗开启聊天的新世界，智能聊天，文本翻译，天气查询，歌词搜索，这些都不是问题</p>
					<a class="single_feature_btn_light" href="#download">Download Now</a>
				</div>
			</div><!-- END COL-->
		</div><!-- END ROW-->
	</div><!-- END CONTAINER-->
</section>
<!-- END FEATURED TWO -->
<section id="screenshots" class="screenshot section-padding">
	<div class="container">
		<div class="section-title text-center">
			<h1>软件截图</h1>
			<!-- <p>让我们看看软件.</p> -->
		</div>					
		<div class="row">				
			<div class="col-lg-12 col-sm-12 col-xs-12">
				<div class="center slider">
				  <div><img src="static/assets/img/screenshot/1.jpg" alt="image" /></div>d
				  <div><img src="static/assets/img/screenshot/2.jpg" alt="image" /></div>d
				  <div><img src="static/assets/img/screenshot/3.jpg" alt="image" /></div>d
				  <div><img src="static/assets/img/screenshot/4.jpg" alt="image" /></div>d
				  <div><img src="static/assets/img/screenshot/5.jpg" alt="image" /></div>d
				  <div><img src="static/assets/img/screenshot/6.jpg" alt="image" /></div>
				</div>
			</div><!--- END COL -->
		</div><!--- END ROW -->
	</div><!--- END CONTAINER -->
</section>


<!-- START DOWNLOAD -->
<div id="download" class="download_area" style="background-image: url(static/assets/img/bg/bg-elements_4.png);">
	<div class="container">
		<div class="row">					
			<div class="col-lg-7 col-sm-12 col-xs-12">
				<div class="single_download_title">
					<h1>现在下载这款应用</h1>
					<p>点击进入gitee，查看网站源码，如果想要运行的话，需要电脑安装python环境，并安装相应的包</p>							
				</div>
				<div class="single_download">						
					<a href="https://gitee.com/sapple66/python_webchat" class="download-active">
						<!-- <i class="fa fa-apple"></i> -->
						<h5>点击</h5>
						<h4>进入gitee查看</h4>
					</a>
					<a href="regiretc.html" class="download-active">
						<!-- <i class="fa fa-play"></i> -->
						<h5>点击</h5>
						<h4>注册网站账号</h4>
					</a>
					<a href="#" class="download-active">
						<!-- <i class="fa fa-windows"></i> -->
						<h5>点击</h5>
						<h4>回到首页</h4>
					</a>	
				</div>
			</div><!--- END COL -->				
			<div class="col-lg-5 col-sm-12 col-xs-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="0">
				<div class="single_download_img">
					<img src="static/assets/img/screenshot/1.jpg" class="img-fluid" alt="apple-image" />
				</div>
			</div><!--- END COL -->				
		</div><!--- END ROW -->				
	</div><!--- END CONTAINER -->
</div>
<!-- END DOWNLOAD -->	

<!-- START CONTACT -->
<div id="contact" class="contact_us">
	<div class="container">
		<div class="section-title text-center">
			<h1>给我留言</h1>
			<p>如果你对本平台有任何想法，欢迎给我留言</p>
		</div>				
		<div class="row">											
			<div class="col-lg-8 offset-lg-2 col-sm-12 col-xs-12 wow zoomIn">
				<div class="contact">						
					<form id="contact-form" method="post" acenctype="multipart/form-data" action="">
						<div class="row">
							<div class="form-group col-lg-6">
								<input type="text" name="name" class="form-control" id="first-name" placeholder="Name" required="required">
							</div>
							<div class="form-group col-lg-6">
								<input type="email" name="email" class="form-control" id="email" placeholder="Email" required="required">
							</div>
							<div class="form-group col-md-12">
								<input type="text" name="subject" class="form-control" id="subject" placeholder="Subject" required="required">
							</div>
							<div class="form-group col-md-12">
								<textarea rows="6" name="message" class="form-control" id="description" placeholder="Your Message" required="required"></textarea>
							</div>
							<div class="col-md-12 text-center">
								<div class="actions">
									<input type="submit" value="Send Message" name="submit" id="submitButton" class="btn btn-lg btn-contact-bg" title="Submit Your Message!" />
								</div>
							</div>
						</div>
					</form>
				</div>	
			</div><!--- END COL -->					
		</div><!--- END ROW -->				
	</div><!--- END CONTAINER -->
</div>
<!-- END CONTACT -->	

<!-- START MAP -->		

<!-- START FOOTER -->
<div class="footer">
	<div class="container">
		<div class="row">					
			<div class="col-lg-12 col-sm-12 col-xs-12 text-center">
				<div class="single_footer">
					<p class="copyright">南京理工大学泰州科技学院<a target="_blank">于季灏</a></p>
				</div>
			</div><!--- END COL -->				
		</div><!--- END ROW -->				
	</div><!--- END CONTAINER -->
</div>
<!-- END FOOTER -->	
 
<!-- Latest jQuery -->
	<script src="static/assets/js/jquery-1.12.4.min.js"></script>
<!-- Latest compiled and minified Bootstrap -->
	<script src="static/assets/bootstrap/js/bootstrap.js"></script>
<!-- modernizer JS -->		
	<script src="static/assets/js/modernizr-2.8.3.min.js"></script>
<!-- owl-carousel min js  -->
	<script src="static/assets/owlcarousel/js/owl.carousel.min.js"></script>
<!-- jquery nav -->
	<script src="static/assets/js/jquery.nav.js"></script>
<!-- jquery.slicknav -->
	<script src="static/assets/js/jquery.slicknav.js"></script>
<!-- jquery smooth-scroll JS -->
	<script src="static/assets/js/smooth-scroll.js"></script>
<!-- scrolltopcontrol js -->
	<script src="static/assets/js/scrolltopcontrol.js"></script>
<!-- countTo js -->
	<script src="static/assets/js/jquery.inview.min.js"></script>
<!-- Slick js -->
	<script src="static/assets/js/slick.min.js"></script>
<!-- WOW - Reveal Animations When You Scroll -->
	<script src="static/assets/js/wow.min.js"></script>
<!-- MAGNIFICANT JS -->
	<script src="static/assets/js/jquery.magnific-popup.min.js"></script>
<!-- form-contact js -->
	<script src="static/assets/js/form-contact.js"></script>
<!-- scripts js -->
	<script src="static/assets/js/scripts.js"></script>
</body>
</html>
